<style type="text/css">
<!--
-->
</style>
<div style="width:${portletWidth}px; height:${portletheight}px; margin:0px auto; border:1px solid #e8e8e8;">
<script type="text/javascript"
	src="${contextPath}/resources/js/MSClass.js"></script>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" >
	<TBODY>
		<TR>
			<TD width="5%">
				<A  href="javascript:void(0);"><IMG border=0 id="LeftButton2${portletid}"
						src="${resourcePath}/images/prol.gif">
				</A>
			</TD>
			<TD vAlign=top width="90%">
				<DIV style="WIDTH: 100%; OVERFLOW: hidden" id="MarqueeDiv2${portletid}">
					<TABLE
						style="WIDTH:${portletWidth}px; DISPLAY: inline; BORDER-COLLAPSE: collapse"
						border=0 cellSpacing=0 cellPadding=0 align=center>
						<TBODY>
							<TR>
								<#if haveArticles="none">
								 <td>没有数据</td>
								 <#else>
								<#list articles as articles>
								<TD style="width:160px;height:145px;padding-top:5px" align=middle>
									<table border=0 cellSpacing=0 cellPadding=0>
										<tr>
											<td>
												<a href="javascript:void(0)"><IMG border=0 src="${articles.firtImgrSrc}" style="wdith:150px;height:110px"/>
												</a>
											</td>
										</tr>
										<tr>
											<td>
												<a  href="${contextPath}/cms/channel/layout/a,${articles.id}?isLayout=${isLayout}" target="_blank" title="${articles.art_name}">${articles.showTitle}</a>
											</td>
										</tr>
									</table>
								</TD>
								<TD >
									&nbsp;
								</TD>
								</#list>
								</#if>
							</TR>
						</TBODY>
					</TABLE>
				</DIV>
			</TD>
			<TD width="5%" align="right">
				<A href="javascript:void(0);"><IMG border=0 id="RightButton2${portletid}"
						src="${resourcePath}/images/pror.gif">
				</A>
			</TD>
		</TR>
	</TBODY>
</TABLE>
</div>
<script type="text/javascript">
var MarqueeDiv2Control=new Marquee("MarqueeDiv2${portletid}");		
MarqueeDiv2Control.Direction="left";
MarqueeDiv2Control.Step=1;
MarqueeDiv2Control.Width=${portletWidth-50};
MarqueeDiv2Control.Height=${portletheight};
MarqueeDiv2Control.Timer=20;
MarqueeDiv2Control.ScrollStep=1;				
MarqueeDiv2Control.Start();
document.getElementById("LeftButton2${portletid}").onmouseover=function(){MarqueeDiv2Control.Direction=2};
document.getElementById("LeftButton2${portletid}").onmouseout=document.getElementById("LeftButton2${portletid}").onmouseup=function(){MarqueeDiv2Control.Step=MarqueeDiv2Control.BakStep};
document.getElementById("LeftButton2${portletid}").onmousedown=document.getElementById("RightButton2${portletid}").onmousedown=function(){MarqueeDiv2Control.Step=MarqueeDiv2Control.BakStep+20};
document.getElementById("RightButton2${portletid}").onmouseover=function(){MarqueeDiv2Control.Direction=3};
document.getElementById("RightButton2${portletid}").onmouseout=document.getElementById("RightButton2${portletid}").onmouseup=function(){MarqueeDiv2Control.Step=MarqueeDiv2Control.BakStep};

</script>

      